<ui:composition template="/WEB-INF/templates/main-template.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

	<ui:define name="sidebar">
		<ui:include src="/WEB-INF/templates/public-sidebar.xhtml" />
	</ui:define>
	<ui:define name="content">

		<h:form id="ApproveTravelExpense">
			<p:growl />
			<h:outputText value="Travel Reimbursement Details"
				styleClass="outputTextTitle" />

			<h:panelGrid style="width: 100%;">

				<p:panel>
					<h:outputText value="Traveller Details" styleClass="outputTextSubTitle" />
					<h:panelGrid columns="6" cellspacing="7" style="margin-left: -7px; width: 100%"
						columnClasses="employeeDetailLabel,gridCellMiddleLeftAligned, employeeDetailText, employeeDetailLabel,gridCellMiddleLeftAligned, employeeDetailText">
						<h:outputLabel value="#{msg['employeename.label']}" />
						<h:outputLabel value=":" />
						<h:outputLabel
							value="#{approveTravelExpenseBean.employee.firstName} #{approveTravelExpenseBean.employee.lastName}" />

						<h:outputLabel value="Employee Code" />
						<h:outputLabel value=":" />
						<h:outputLabel
							value="#{approveTravelExpenseBean.employee.employeeCode}" />

						<h:outputLabel value="#{msg['dept.label']}" />
						<h:outputLabel value=":" />
						<h:outputLabel
							value="#{approveTravelExpenseBean.employee.moduleName}" />

						<h:outputLabel value="#{msg['designation.label']}" />
						<h:outputLabel value=":" />
						<h:outputLabel
							value="#{approveTravelExpenseBean.employee.designation}" />

						<h:outputLabel value="#{msg['requestdate.label']}" />
						<h:outputLabel value=":" />
						<h:outputText
							value="#{approveTravelExpenseBean.travelExpense.requestDate}">
							<f:convertDateTime pattern="dd-MMM-yyyy HH:mm a"
								timeZone="#{approveTravelExpenseBean.timeZone}" />
						</h:outputText>

						<h:outputLabel value="#{msg['place.label']}" />
						<h:outputLabel value=":" />
						<h:outputLabel
							value="#{approveTravelExpenseBean.employee.location}" />

						<h:outputLabel value="#{msg['contactno.label']}" />
						<h:outputLabel value=":" />
						<h:outputLabel
							value="#{approveTravelExpenseBean.employee.telephone}" />

						<h:outputLabel value="#{msg['emergenceycontactnum.label']}" />
						<h:outputLabel value=":" />
						<h:outputLabel
							value="#{approveTravelExpenseBean.employee.telephone}" />

					</h:panelGrid>

					<h:outputText value="Travel Details" styleClass="outputTextSubTitle" />
					<h:panelGrid  columns="6" cellspacing="7" style="margin-left: -7px; width: 100%"
						columnClasses="employeeDetailLabel,gridCellMiddleLeftAligned, employeeDetailText, employeeDetailLabel,gridCellMiddleLeftAligned, employeeDetailText">
						<h:outputLabel value="Expense Code" />
						<h:outputLabel value=":" />
						<h:outputLabel
							value="#{approveTravelExpenseBean.travelExpense.travelExpenseCode}"
							style="font-weight: bold;" />

						<h:outputLabel value="Purpose of Travel" />
						<h:outputLabel value=":" />
						<h:outputLabel
							value="#{approveTravelExpenseBean.travelRequest.natureOfWork}" />


						<h:outputLabel value="Travel From " />
						<h:outputLabel value=":" />
						<h:panelGroup>
							<h:outputText
								value="#{approveTravelExpenseBean.travelRequest.travelFrom_DO}"
								rendered="#{approveTravelExpenseBean.travelRequest.travelType eq 'DOMESTIC'}" />
							<h:outputText
								value="#{approveTravelExpenseBean.travelRequest.travelFrom_OS}"
								rendered="#{approveTravelExpenseBean.travelRequest.travelType eq 'OVERSEAS'}" />
							<h:outputText
								value="#{approveTravelExpenseBean.travelRequest.travelFrom_DO}"
								rendered="#{approveTravelExpenseBean.travelRequest.travelType eq 'BOTH DOMESTIC AND OVERSEAS'}" />
						</h:panelGroup>

						<h:outputLabel value="Travel To " />
						<h:outputLabel value=":" />
						<h:panelGroup>
							<h:outputText
								value="#{approveTravelExpenseBean.travelRequest.travelTo_DO}"
								rendered="#{approveTravelExpenseBean.travelRequest.travelType eq 'DOMESTIC'}" />
							<h:outputText
								value="#{approveTravelExpenseBean.travelRequest.travelTo_OS}"
								rendered="#{approveTravelExpenseBean.travelRequest.travelType eq 'OVERSEAS'}" />
							<h:outputText
								value="#{approveTravelExpenseBean.travelRequest.travelTo_OS}"
								rendered="#{approveTravelExpenseBean.travelRequest.travelType eq 'BOTH DOMESTIC AND OVERSEAS'}" />
						</h:panelGroup>

						<h:outputLabel value="From Date" />
						<h:outputLabel value=":" />
						<h:outputText
							value="#{approveTravelExpenseBean.travelRequest.periodFrom}">
							<f:convertDateTime pattern="dd-MMM-yyyy"
								timeZone="#{approveTravelExpenseBean.timeZone}" />
						</h:outputText>

						<h:outputLabel value="To date" />
						<h:outputLabel value=":" />
						<h:outputText
							value="#{approveTravelExpenseBean.travelRequest.periodTo}">
							<f:convertDateTime pattern="dd-MMM-yyyy"
								timeZone="#{approveTravelExpenseBean.timeZone}" />
						</h:outputText>

						<h:outputLabel value="Client Name" />
						<h:outputLabel value=":" />
						<h:outputLabel
							value="#{approveTravelExpenseBean.travelRequest.client}" />

						<h:outputLabel value="Location" />
						<h:outputLabel value=":" />
						<h:outputLabel
							value="#{approveTravelExpenseBean.travelRequest.clientLocation}" />

						<h:outputLabel value="Recommended By" />
						<h:outputLabel value=":" />
						<h:outputLabel
							value="#{approveTravelExpenseBean.travelRequest.approver.firstName} #{approveTravelExpenseBean.travelRequest.approver.lastName}" />

						<h:outputLabel value="Approved By" />
						<h:outputLabel value=":" />
						<h:outputLabel
							value="#{approveTravelExpenseBean.employeeVP.firstName} #{approveTravelExpenseBean.employeeVP.lastName}" />

					</h:panelGrid>
				</p:panel>

				<p:panel >
					<h:outputText value="Travel Expenses" styleClass="outputTextSubTitle" />
					
					<br />
							
					<h:outputText value="Transportation Expenses" styleClass="outputTextPanelSubTitle" 
						rendered="#{approveTravelExpenseBean.transportExpensesDetailsList.size() ne 0}"/>
					<p:dataTable value="#{approveTravelExpenseBean.transportExpensesDetailsList}"
						var="transportDetails"
						rendered="#{approveTravelExpenseBean.transportExpensesDetailsList.size() ne 0}">
						
						
						<p:column headerText="#{msg['date.label']}" style="width: 80px">
							<h:outputText value="#{transportDetails.transportDate}">
								<f:convertDateTime pattern="dd-MMM-yyyy"
									timeZone="#{approveTravelExpenseBean.timeZone}" />
							</h:outputText>
						</p:column>

						<p:column headerText="Source - Destination">
							<h:outputText
								value="#{transportDetails.transportFrom} - #{transportDetails.transportTo} (By #{transportDetails.transportMode})" />
						</p:column>
							
						
							<p:column headerText="Amount"
								style="width: 80px; text-align:right">
								<h:outputText value="#{transportDetails.transportAmount}" />
							</p:column>

							<p:column headerText="Currency" style="width: 30px">
								<p:cellEditor>
									<f:facet name="output">
										<h:outputText value="#{transportDetails.transportCurrency}" />
									</f:facet>
									<f:facet name="input">
										<p:selectOneMenu value="#{transportDetails.transportCurrency}"
											style="width: 136px;">
											<f:selectItems
												value="#{approveTravelExpenseBean.currencyMap}" />
										</p:selectOneMenu>
									</f:facet>
								</p:cellEditor>
							</p:column>


							<p:column headerText="Bill Attached" style="width: 60px">
								<h:outputText value="#{transportDetails.transportBillAttached}" />
							</p:column>


					</p:dataTable>

					<h:outputText value="Lodging Expenses"
						rendered="#{approveTravelExpenseBean.lodgingExpenseDetailsList.size() ne 0}"
						styleClass="outputTextPanelSubTitle" />
					<p:dataTable
						rendered="#{approveTravelExpenseBean.lodgingExpenseDetailsList.size() ne 0}"
						value="#{approveTravelExpenseBean.lodgingExpenseDetailsList}"
						var="lodgingExpenses">

							<p:column headerText="#{msg['date.label']}" style="width: 80px;">
								<h:outputText value="#{lodgingExpenses.lodgingDate}">
									<f:convertDateTime pattern="dd-MMM-yyyy"
										timeZone="#{approveTravelExpenseBean.timeZone}" />
								</h:outputText>

							</p:column>

							<p:column headerText="Hotel">
								<h:outputText
									value="#{lodgingExpenses.lodgingHotel}, #{lodgingExpenses.lodgingPlace}" />

							</p:column>


							<p:column headerText="Amount"
								style="width: 80px; text-align: right;">
								<p:cellEditor>
									<f:facet name="output">
										<h:outputText value="#{lodgingExpenses.lodgingAmount}"
											maxlength="5" />
									</f:facet>
									<f:facet name="input">
										<p:inputText value="#{lodgingExpenses.lodgingAmount}" size="7"
											maxlength="5" />
									</f:facet>
								</p:cellEditor>
							</p:column>

							<p:column headerText="Currency" style="width: 30px">
								<p:cellEditor>
									<f:facet name="output">
										<h:outputText value="#{lodgingExpenses.lodgingCurrency}" />
									</f:facet>
									<f:facet name="input">
										<p:selectOneMenu value="#{lodgingExpenses.lodgingCurrency}"
											style="width: 136px;">
											<f:selectItems
												value="#{approveTravelExpenseBean.currencyMap}" />
										</p:selectOneMenu>
									</f:facet>
								</p:cellEditor>
							</p:column>


							<p:column headerText="Bill Attached" style="width: 60px">
								
										<h:outputText value="#{lodgingExpenses.lodgingBillAttached}" />
								
							</p:column>
					</p:dataTable>


					<h:outputText value="Bording Expenses"
						rendered="#{approveTravelExpenseBean.boardingExpenseDetailsList.size() ne 0}"
						styleClass="outputTextPanelSubTitle" />
					<p:dataTable
						rendered="#{approveTravelExpenseBean.boardingExpenseDetailsList.size() ne 0}"
						value="#{approveTravelExpenseBean.boardingExpenseDetailsList}"
						var="boardingExpense">

							<p:column headerText="#{msg['date.label']}" style="width: 80px">
								<p:cellEditor>
									<f:facet name="output">
										<h:outputText value="#{boardingExpense.boardingDate}">
											<f:convertDateTime pattern="dd-MMM-yyyy"
												timeZone="#{approveTravelExpenseBean.timeZone}" />
										</h:outputText>
									</f:facet>
									<f:facet name="input">
										<p:calendar value="#{boardingExpense.boardingDate}" size="9" />
									</f:facet>
								</p:cellEditor>
							</p:column>

							<p:column headerText="Hotel">
								<h:outputText
									value="#{boardingExpense.boardingHotel}, #{boardingExpense.boardingPlace}" />
							</p:column>

							<p:column headerText="Amount"
								style="width: 80px; text-align: right">
								<h:outputText value="#{boardingExpense.boardingAmount}"	maxlength="5" />
							</p:column>

							<p:column headerText="Currency" style="width: 30px">
								<h:outputText value="#{boardingExpense.boardingCurrency}" />
							</p:column>

							<p:column headerText="Bill Attached" style="width: 60px;">
								<h:outputText value="#{boardingExpense.boardingBillAttached}" />									
							</p:column>
					</p:dataTable>


					<h:outputText value="Perdiem/Incidental/Miscellaneous Expenses"
						rendered="#{approveTravelExpenseBean.travelMiscExpenseDetailsList.size() ne 0}"
						styleClass="outputTextPanelSubTitle" />
					<p:dataTable
						value="#{approveTravelExpenseBean.travelMiscExpenseDetailsList}"
						rendered="#{approveTravelExpenseBean.travelMiscExpenseDetailsList.size() ne 0}"
						var="travelMiscExpense">

							<p:column headerText="#{msg['date.label']}" style="width: 80px;">
								<h:outputText value="#{travelMiscExpense.expenseDate}">
									<f:convertDateTime pattern="dd-MMM-yyyy" timeZone="#{approveTravelExpenseBean.timeZone}" />
								</h:outputText>

							</p:column>

							<p:column headerText="Bill Description">
								<h:outputText
									value="#{travelMiscExpense.billNo} - #{travelMiscExpense.billDesc}" />
							</p:column>
							<p:column headerText="Amount"
								style="width: 80px; text-align: right">
								<h:outputText
									value="#{travelMiscExpense.travelMiscExpenseAmount}" />
							</p:column>

							<p:column headerText="Currency" style="width: 30px">
								<h:outputText value="#{travelMiscExpense.travelMiscExpensecurrency}" />
							</p:column>

							<p:column headerText="Bill Attached" style="width: 60px;">
								<h:outputText value="#{travelMiscExpense.billAttached}" />									
							</p:column>
					</p:dataTable>

					<h:outputText value="Expenses report summary total"
						styleClass="outputTextPanelSubTitle" style="float: right" />
						<br /> 
					<p:dataGrid value="#{approveTravelExpenseBean.currencies}" style=""
						emptyMessage="00.00"
						var="currency" columns="1">
						<p:column style="">
							<h:panelGrid columnClasses="gridCellBottomRightAligned, currencyGridCell40px" columns="2" style="width: 400px; float: right;">
								<h:outputText value="#{currency.amount}" style="font-weight: bold; font-size: 1.4em;">
									<f:convertNumber maxFractionDigits="2" minFractionDigits="2"/>
								</h:outputText>
								<h:outputText value="#{currency.currency}" style="font-size: 1.4em;">
									<f:convertNumber maxFractionDigits="2" minFractionDigits="2"/>
								</h:outputText>
							</h:panelGrid>
							
						</p:column>							

					</p:dataGrid>
					
					<h:panelGrid columns="4" columnClasses="amountHeaderGridCell,amountHeaderGridCell,amountHeaderGridCell,amountHeaderGridCell" style="width: 100%">
						<h:panelGroup>
							<h:outputText value="Eligibility as per policy" />
							<p:commandLink styleClass="ui-icon ui-icon-plus" title="Add" style="border: 1px solid #d9d9d9; -moz-border-radius: 3px; -webkit-border-radius: 3px;	border-radius: 3px; float: right;" actionListener="#{approveTravelExpenseBean.showNewPolicySection}" update="@form"
								rendered="#{not approveTravelExpenseBean.SHOW_NEW_POLICY_SECTION}">
							</p:commandLink>
						</h:panelGroup>
						
						<h:outputText value="Advance taken" />
						
						<h:panelGroup>
							<h:outputText value="Approval total" />
							<p:commandLink styleClass="ui-icon ui-icon-plus" title="Add" style="border: 1px solid #d9d9d9; -moz-border-radius: 3px; -webkit-border-radius: 3px;	border-radius: 3px; float: right;" actionListener="#{approveTravelExpenseBean.showNewApprovalAmountSection}" update="@form" 
								rendered="#{not approveTravelExpenseBean.SHOW_NEW_APPROVAL_AMOUNT_SECTION}" />
							
						</h:panelGroup>
						<h:outputText value="Balance (Payable/Recievable)" />
					</h:panelGrid>
					
					<h:panelGrid columns="4" columnClasses="amountGridCell, amountGridCell, amountGridCell, amountGridCell" style="width: 100%; margin-top: -4px">
					
						<h:panelGrid style="width: 100%">
							<p:dataGrid columns="1" style="" emptyMessage="" 
								value="#{approveTravelExpenseBean.policyAmounts}" 
								var="currency" >
								<p:column >							
									<h:panelGrid columns="3" style="float: right; margin-right: -5px;" columnClasses="gridCellBottomRightAligned, currencyGridCell, buttonGridCell">    
										<h:outputText value="#{currency.amount}" >
											<f:convertNumber maxFractionDigits="2" minFractionDigits="2"/>
										</h:outputText>
										<h:outputText value="#{currency.currency}" />
										<p:commandLink styleClass="ui-icon ui-icon-minus" title="Remove" style="border: 1px solid #d9d9d9; -moz-border-radius: 3px; -webkit-border-radius: 3px;	border-radius: 3px; float: right;" actionListener="#{approveTravelExpenseBean.removePolicyAmount}" update="@form" >
											<f:attribute name="policyAmount" value="#{currency}" />										
										</p:commandLink>									
									</h:panelGrid>								
								</p:column>							
							</p:dataGrid>
							
							<h:panelGrid style="float: right; margin-top: -4px " columns="5" columnClasses="gridCellBottomLeftAligned, gridCellBottomLeftAligned, gridCellMiddleRightAligned,gridCellMiddleRightAligned" rendered="#{approveTravelExpenseBean.SHOW_NEW_POLICY_SECTION}">  
									<p:inputText style="width: 56px;" value="#{approveTravelExpenseBean.newPolicyAmount.amount}"></p:inputText>
									<p:selectOneMenu style="width: 58px; margin-bottom: -2px;" value="#{approveTravelExpenseBean.newPolicyAmount.currency}">       
										 <f:selectItems value="#{approveTravelExpenseBean.currencyMap}"/>	
									</p:selectOneMenu>
									<p:commandLink id="Advance" styleClass="ui-icon ui-icon-check"  update="@form" actionListener="#{approveTravelExpenseBean.addNewPolicyAmount}">
									</p:commandLink>
									<p:commandLink styleClass="ui-icon ui-icon-close" update="@form" >
										<f:setPropertyActionListener target="#{approveTravelExpenseBean.SHOW_NEW_POLICY_SECTION}" value="false"></f:setPropertyActionListener>
									</p:commandLink>								
							</h:panelGrid>	
						</h:panelGrid>
						
						<p:dataGrid columns="1" style="" emptyMessage="" 
							value="#{approveTravelExpenseBean.advanceTakenAmounts}" 
							var="currency" >
							<p:column >							
								<h:panelGrid columns="3" style="float: right;" columnClasses="gridCellBottomRightAligned, currencyGridCell, buttonGridCell">    
									<h:outputText value="#{currency.amount}" >
										<f:convertNumber maxFractionDigits="2" minFractionDigits="2"/>
									</h:outputText>
									<h:outputText value="#{currency.currency}" />									
								</h:panelGrid>								
							</p:column>							
						</p:dataGrid>
						
					
						<h:panelGrid style="width: 100%">	
							<p:dataGrid columns="1"  emptyMessage="" 
								value="#{approveTravelExpenseBean.approvalAmounts}" 
								var="currency" >
								<p:column >							
									<h:panelGrid columns="3" style="float: right; margin-right: -5px;" columnClasses="gridCellBottomRightAligned, currencyGridCell, buttonGridCell">    
										<h:outputText value="#{currency.amount}" >
											<f:convertNumber maxFractionDigits="2" minFractionDigits="2"/>
										</h:outputText>
										<h:outputText value="#{currency.currency}" />
										<p:commandLink styleClass="ui-icon ui-icon-minus" title="Remove" style="border: 1px solid #d9d9d9; -moz-border-radius: 3px; -webkit-border-radius: 3px;	border-radius: 3px; float: right;" actionListener="#{approveTravelExpenseBean.removeApprovelAmount}" update="@form" >
											<f:attribute name="approvalAmount" value="#{currency}" />										
										</p:commandLink>									
									</h:panelGrid>								
								</p:column>															
							</p:dataGrid>
							
							<h:panelGrid style="float: right; margin-top: -4px " columns="5" columnClasses="gridCellBottomLeftAligned, gridCellBottomLeftAligned, gridCellMiddleRightAligned,gridCellMiddleRightAligned" rendered="#{approveTravelExpenseBean.SHOW_NEW_APPROVAL_AMOUNT_SECTION}">  
									<p:inputText style="width: 56px;" value="#{approveTravelExpenseBean.newApprovalAmount.amount}"></p:inputText>
									<p:selectOneMenu style="width: 58px; margin-bottom: -2px;" value="#{approveTravelExpenseBean.newApprovalAmount.currency}">       
										 <f:selectItems value="#{approveTravelExpenseBean.currencyMap}"/>	
									</p:selectOneMenu>
									<p:commandLink styleClass="ui-icon ui-icon-check"  update="@form" actionListener="#{approveTravelExpenseBean.addNewApprovalAmount}">
									</p:commandLink>
									<p:commandLink styleClass="ui-icon ui-icon-close" update="@form" >
										<f:setPropertyActionListener target="#{approveTravelExpenseBean.SHOW_NEW_APPROVAL_AMOUNT_SECTION}" value="false"></f:setPropertyActionListener>
									</p:commandLink>								
							</h:panelGrid>
						</h:panelGrid>
						
						<p:dataGrid columns="1" style="" emptyMessage="" 
							value="#{approveTravelExpenseBean.balanceAmounts}" 
							var="currency" >
							<p:column >															
								<h:panelGrid columns="3" style="float: right; margin-right: -5px; " columnClasses="gridCellBottomRightAligned, currencyGridCell, buttonGridCell">    
									<h:outputText value="#{currency.amount}" >
										<f:convertNumber maxFractionDigits="2" minFractionDigits="2"/>
									</h:outputText>
									<h:outputText value="#{currency.currency}" />									
								</h:panelGrid>								
							</p:column>							
						</p:dataGrid>
					</h:panelGrid>
					
					<h:panelGrid rendered="#{approveTravelExpenseBean.activity eq 'byRecommender'}">
						<h:outputText value="Comment:" />
						<p:inputTextarea id="recommender" style="width:560px;" rows="3"
							value="#{approveTravelExpenseBean.travelExpense.recommenderComments}" />
						<p:watermark for="recommender" value="Recommender Comments..." />
					</h:panelGrid>

					<h:panelGrid
						rendered="#{approveTravelExpenseBean.activity eq 'byApprover'}">
						<h:panelGroup>
							<h:outputText value="Recommender Comments :"
								style="font-weight:bold;" />
							<h:outputText
								value="#{approveTravelExpenseBean.travelExpense.recommenderComments}" />
						</h:panelGroup>
						<p:inputTextarea id="approver" style="width:560px;" rows="3"
							value="#{approveTravelExpenseBean.travelExpense.approvalComments}" />
						<p:watermark for="approver" value="Approver Comments..." />
					</h:panelGrid>
				</p:panel>

				
				
				<h:panelGrid style="float: right;">

					<h:panelGroup
						rendered="#{approveTravelExpenseBean.activity eq 'byRecommender' and (approveTravelExpenseBean.travelExpense.recommenderStatus  eq 'Inprocess')}">
						<p:commandButton value="RECOMMEND"
							action="#{approveTravelExpenseBean.recommendListener}"
							update="@form" />
						<p:commandButton value="REJECT / SEND FOR MODIFICATIONS"
							actionListener="#{approveTravelExpenseBean.rejectListener}"
							update="@form" />
					</h:panelGroup>

					<h:panelGroup
						rendered="#{approveTravelExpenseBean.activity eq 'byApprover' and (approveTravelExpenseBean.travelExpense.approverStatus  eq 'Inprocess')}">
						<p:commandButton value="APPROVE"
							actionListener="#{approveTravelExpenseBean.approveListener}"
							update="@form" />
						<p:commandButton value="REJECT/ SEND FOR MODIFICATIONS"
							actionListener="#{approveTravelExpenseBean.approverRejectListener}"
							update="@form" />
					</h:panelGroup>

				</h:panelGrid>
			</h:panelGrid>

			<h:panelGrid
				rendered="#{approveTravelExpenseBean.travelExpense.recommenderStatus  ne 'Inprocess' and  (approveTravelExpenseBean.activity eq 'byRecommender')}">
				<h:outputLabel
					value="This travel expense request has been #{approveTravelExpenseBean.travelExpense.recommenderStatus}."
					styleClass="outputLabelwamInformation" />
			</h:panelGrid>
			<h:panelGrid
				rendered="#{approveTravelExpenseBean.travelExpense.approverStatus  ne 'Inprocess' and  (approveTravelExpenseBean.activity eq 'byApprover')}">
				<h:outputLabel
					value="This travel expense request has been #{approveTravelExpenseBean.travelExpense.approverStatus}."
					styleClass="outputLabelwamInformation" />
			</h:panelGrid>

		</h:form>
	</ui:define>
</ui:composition>